<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-物流对账单查询</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">

</head>

<body>
    <!--头部-->
    <div class="header">
        <div class="header_top">
            <div class="user-nav">
                <div class="current-user">
                    <span class="cu-name">樊明</span>
                    <div class="userboxinfo">
                        <ul class="ul_userlist">
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </div>
                </div>
                欢迎您登录
            </div>
        </div>
        <div class="header_con">
            <a href="#" class="logo">
                <img src="images/logo.png">
            </a>
        </div>
    </div>
    <!--end头部-->
    <!--菜单-->
    <div class="headernav">
        <div class="head_nav">
            <!--菜单-->
            <div class="source_menu">
                <div class="menu_btn">资源</div>
                <div class="menu_list">
                    <ul class="has_sub">
                        <li class="active">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                        <li class="">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!--end 菜单-->
            <!--一级按钮-->
            <div class="operate-btns">
                <a class="fbtn fb-export">导出</a>
            </div>
            <!--end 一级按钮-->
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li><a href="#">物流对账单查询</a></li>
            </ol>
            <h3 class="current_module">物流对账单查询</h3>
        </div>
    </div>
    <!--end菜单-->
    <div class="content">
        <!-- 查询 -->
        <div class="group_search layui-form">
            <div class="row">
                <div class="col-md-6 col-lg-6">
                    <input type="email" class="form-control" placeholder="付费方" name="name">
                </div>
                <div class="col-md-4 col-lg-4">
                    <div class="box_date">
                        <input type="text" action="date" placeholder="日期">
                        <span class="text-and">—</span>
                        <input type="text" action="date" placeholder="">
                    </div>
                </div>
                <div class="col-md-2 col-lg-2 text_right">
                    <button type="button" class="btn btn-def">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                        查询
                    </button>
                </div>
            </div>
        </div>
        <!-- end 查询 -->
        <!-- 会员申请列表 -->
        <div class="layui-form mt-20">
            <div class="row">
                <div class="col-md-8 col-lg-8">
                    <div class="input-group input-disabled">
                        <span class="input-group-addon" id="basic-addon1">结算单位</span>
                        <input type="text" disabled class="form-control" placeholder="武汉链享医药供应链管理有限公司" name="firstname">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-lg-4">
                    <div class="input-group input-time input-disabled">
                        <span class="input-group-addon" id="basic-addon1">对账单日期</span>
                        <input type="text" disabled action="date" placeholder="2017-04-01">
                        <span class="text-and">—</span>
                        <input type="text" disabled action="date" placeholder="2017-04-30">
                    </div>
                </div>
                <div class="col-md-4 col-lg-4">
                    <div class="input-group input-group-boxright input-disabled">
                        <span class="input-group-addon" id="basic-addon1">总金额</span>
                        <input type="text" disabled class="form-control input-tar" placeholder="51200.00" name="date" action="date">
                        <span class="input-group-righttxt">元</span>
                    </div>
                </div>
                <div class="col-md-4 col-lg-4">
                    <div class="input-group input-disabled">
                        <span class="input-group-addon" id="basic-addon1">费用项目数</span>
                        <input type="text" disabled class="form-control tar" placeholder="2" name="firstname">
                    </div>
                </div>
            </div>
        </div>
        <table class="table table-route">
            <thead>
                <tr>
                    <th>序号</th>
                    <th>对账单日期</th>
                    <th>业务单据编号</th>
                    <th>业务发生日期</th>
                    <th>费用项目</th>
                    <th>总件数</th>
                    <th>总重量</th>
                    <th>总体积</th>
                    <th>金额</th>
                    <th>计费基准数</th>
                    <th>计费基准单位</th>
                    <th>计费类型</th>
                    <th>计费周期</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>01</td>
                    <td>2017-04-06</td>
                    <td>F00001</td>
                    <td>2017-04-06</td>
                    <td>一口价</td>
                    <td class="tar">960件</td>
                    <td class="tar">
                        <p>1,000.00</p>Kg</td>
                    <td class="tar">
                        <p>12,000.00</p>m³</td>
                    <td class="tar">
                        <p>38,400.00</p>元</td>
                    <td class="tar">
                        <p>3.20</p>元</td>
                    <td>
                        <p>㎡/日</p>高度不超过1.5米</td>
                    <td>发生金额</td>
                    <td>日</td>
                </tr>
                <tr>
                    <td>02</td>
                    <td>2017-04-06</td>
                    <td>F00001</td>
                    <td>2017-04-06</td>
                    <td>一口价</td>
                    <td class="tar">960件</td>
                    <td class="tar">
                        <p>1,000.00</p>Kg</td>
                    <td class="tar">
                        <p>12,000.00</p>m³</td>
                    <td class="tar">
                        <p>38,400.00</p>元</td>
                    <td class="tar">
                        <p>3.20</p>元</td>
                    <td>
                        <p>㎡/日</p>高度不超过1.5米</td>
                    <td>发生金额</td>
                    <td>日</td>
                </tr>
                <tr>
                    <td>03</td>
                    <td>2017-04-06</td>
                    <td>F00001</td>
                    <td>2017-04-06</td>
                    <td>一口价</td>
                    <td class="tar">960件</td>
                    <td class="tar">
                        <p>1,000.00</p>Kg</td>
                    <td class="tar">
                        <p>12,000.00</p>m³</td>
                    <td class="tar">
                        <p>38,400.00</p>元</td>
                    <td class="tar">
                        <p>3.20</p>元</td>
                    <td>
                        <p>㎡/日</p>高度不超过1.5米</td>
                    <td>发生金额</td>
                    <td>日</td>
                </tr>
                <tr>
                    <td>04</td>
                    <td>2017-04-06</td>
                    <td>F00001</td>
                    <td>2017-04-06</td>
                    <td>一口价</td>
                    <td class="tar">960件</td>
                    <td class="tar">
                        <p>1,000.00</p>Kg</td>
                    <td class="tar">
                        <p>12,000.00</p>m³</td>
                    <td class="tar">
                        <p>38,400.00</p>元</td>
                    <td class="tar">
                        <p>3.20</p>元</td>
                    <td>
                        <p>㎡/日</p>高度不超过1.5米</td>
                    <td>发生金额</td>
                    <td>日</td>
                </tr>
                <tr>
                    <td>05</td>
                    <td>2017-04-06</td>
                    <td>F00001</td>
                    <td>2017-04-06</td>
                    <td>一口价</td>
                    <td class="tar">960件</td>
                    <td class="tar">
                        <p>1,000.00</p>Kg</td>
                    <td class="tar">
                        <p>12,000.00</p>m³</td>
                    <td class="tar">
                        <p>38,400.00</p>元</td>
                    <td class="tar">
                        <p>3.20</p>元</td>
                    <td>
                        <p>㎡/日</p>高度不超过1.5米</td>
                    <td>发生金额</td>
                    <td>日</td>
                </tr>
            </tbody>
        </table>
        <div class="table-page">
            <a href="">上一页</a>
            <a href="">下一页</a>
            <span>第<i>1</i>页</span>
            <span>共<em>2</em>页</span>
        </div>
    </div>
    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
</body>

</html>